<template>
	<el-container>
		<el-header class="header-tabs">
			<el-tabs type="card" v-model="groupId" @tab-change="tabChange">
				<el-tab-pane label="部门同步" name="syncdept"  :tabActiveName="true"></el-tab-pane>
				<el-tab-pane label="用户同步" name="syncuser"></el-tab-pane>
			</el-tabs>
		</el-header>
		<component :is="isComponent"/>
	</el-container>
</template>

<script>
import syncdept from './syncdept'
import syncuser from './syncuser'
export default {
	name: 'Fixed Allocation',
	components: {
		syncdept,
		syncuser,
	},
	data() {
		return {
			groupId: "syncdept",
			isComponent:"syncdept"
		}
	},
	methods: {
		tabChange(name){
			this.isComponent = name;
		},
	}
}
</script>

<style>
</style>
